@charset "utf-8";
.sticky{
	margin: 0 auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
main{
	width: 100%;
	height: 5766px;
	background: #ffffff;
	
}
main nav#wrapper{
	width: 100%;
	height: 51px;
	margin: 0 auto;
	
}
main nav#wrapper nav.main_left ul li.i1{
	padding: 0 0 0 8px;
}
main nav#wrapper nav.main_left ul li.i2{
	padding: 0;
}
main nav#wrapper nav.main_right ul li.i1 div.right_1{
	width: 48px;
	height: 45px;
	border: 1px solid #bdbdbd;
}
main nav#wrapper nav.main_right ul li.i1 div.right_1 img{
	position: relative;
	top: 13px;
	left:14px;
}
main nav#wrapper nav.main_right ul li.i2 div.right_2{
	width: 250px;
	height:45px;
	border:1px solid #bdbdbd;
}
main nav#wrapper nav.main_right ul li.i2 div.right_2 span{
	background: #eeeeee;
	float: right;
	margin: 12px 10px;
	padding: 0 5px;
}
main nav#wrapper nav.main_right ul li.i2 div.right_2 span:hover{
	background: #ff6700;
	color: white;
}
main div#main_1{
	width: 1300px;
	height: 530px;
	margin: 0 auto;
}
main div#main_1 aside {
	height: 414px;
	width:250px;
	position: relative;
	top: 38px;
	left: 1px;
	margin:27px 0;
	
}
main aside ul.sidebar{
	height: 500px;
	width:250px ; 
	background: #8c8c8c;
	padding: 10px 0;
}
main aside ul.sidebar div.sidebar_out{
	width: 675px;
	height: 520px;
	background: #ffffff;
	border: 1px solid #dedede;
	position: absolute;
	top: 0;
	left: 250px;
	z-index: 3;
	display:none;
}  
/* ----------------轮播图 ---------------------*/
main figure {
	width: 1042px;
	margin: 0 auto;
	position: relative;
	top:-404px;
	left: 122px;
}
main figure div ul li img{
	height: 521px;
	width: 1049px;
	
	
}
/* --------------第一排照片----------------- */
main div#picture{
	width: 1300px;
	height: 178px;
	margin: 0 auto;
	position: relative;
	top: 52px;
}
main div#picture div.c1 img{
	height: 178px;
	width: 250px;
}
/* ------------小米明星单品----------------- */
main div#single_product{
	width: 1400px;
	height: 450px;
	margin: 0 auto;
	position: relative;
	top: 91px;
	left: 51px;
}
main div#single_product div.word{
	width: 200px;
	height: 36px;
	font-size: 30px;
	color: black;
}
main div#single_product div.arrow{
	width: 45px;
	height: 26px;
	display: inline;
}
main div#single_product div.product_list{
	width: 1300px;
	height: 500px;
}
main div#single_product div.product_list ul li.i1{
	margin-top: 119px;
}
/* -----------------------整体2--------------- */
main div#main_2{
	width:100%px;
	height: 4430px;
	background: #f5f5f5;
	margin: 0 auto;
	position: relative;
	top: 100px;
}
/* ------------------智能硬件-------------------------- */
main div#main_2 div.part_1{
	width: 1300px;
	height: 100px;
	margin: 0 auto;
}
main div#main_2 div.part_1 div.wrod_1 p{
	height: 50px;
	width: 100px;
}
main div#main_2 div.part_1 ul li i.arrow_right{
	padding: 0px 10px;
	background: url(../img/hardware_morebtn.png) no-repeat;
	margin: 0 10px;
}	
main div#main_2 div.hardware{
	width: 1300px;
	height: 553px;
	margin: 0 auto;
	position: relative;
	top: 40px;
}
main div#main_2 div.hardware div.picture{
	width: 249px;
	height: 560px;
	background: url(../img/haraware_kid.png) no-repeat;
	text-align: center;
	float: left;
}
main div#main_2 div.hardware div.picture p.p1{
	margin: 30px 0;
}
main div#main_2 div.hardware div.shop_1{
	width: 1050px;
	height: 273px;
	float: right;
}
main div#main_2 div.hardware div.shop_1 ul li.i4{
	top:0px;
}
/* -----------------------------搭配--------------------------------------------------- */
main div#main_2 div.match{
	height: 700px;
	width: 1300px;
	margin: 0 auto;
	position: relative;
	top: 80px;
}
main div#main_2 div.match div.wrod_left{
	height: 36px;
	width: 46px;
}
main div#main_2 div.match div.picture{
	width: 1300px;
	height: 655px;
	margin: 0 auto;
	position: relative;
	top: 30px;
	text-align: center;
}
main div#main_2 div.match div.picture div.picture_top ul li.i1 img{
	height: 300px;
	width: 250px;
}
main div#main_2 div.match div.picture div.picture_top ul li.i2,.i3,.i4,.i5{
	margin: 0px 6px;
}
main div#main_2 div.match div.picture div.picture_top ul li.i5,.i4{
	position: relative;
	top: -25px;
}
main div#main_2 div.match div.picture div.picture_bottom ul li.i1 img{
	height: 300px;
	width: 250px;
}
main div#main_2 div.match div.picture div.picture_bottom ul li.i2,.i3,.i4,.i5{
	margin: 0px 6px;
}
main div#main_2 div.match div.picture div.picture_bottom ul li.i4{
	position: relative;
	top: 0px;
}
/* -------------------------------周边----------------------------- */
main div#main_2 div.surroudings{
	height: 600px;
	width: 1300px;
	margin: 0 auto;
	position: relative;
	top: 170px;
}
main div#main_2 div.surroudings div.word{
	width: 1300px;
	height: 40px;
	position: relative;
	top: -54px;
}
main div#main_2 div.surroudings div.word_left{
	width: 60px;
	height: 40px;
	float: left;
}

main div#main_2 div.surroudings div.shop{
	width: 1300px;
	height: 655px;
	margin: 0 auto;
	position: relative;
	top: -40px;
}
main div#main_2 div.surroudings div.shop div.shop_top ul li.i1 img{
	height: 300px;
	width: 250px;
}
main div#main_2 div.surroudings div.shop div.shop_top ul li.i2,.i3,.i4,.i5{
	margin: 0 6px;
}
main div#main_2 div.surroudings div.shop div.shop_bottom ul li.i1 img{
	height: 300px;
	width: 250px;
}
main div#main_2 div.surroudings div.shop div.shop_bottom ul li.i2,.i3,.i4,.i5{
	margin: 0 6px;
}
/* ----------------------------配件---------------------------- */
main div#main_2 div.accessory{
	height: 655px;
	width: 1300px;
	margin: 0 auto;
	position: relative;
	top: 250px;
}
main div#main_2 div.accessory div.word{
	width: 1300px;
	height: 40px;
	position: relative;
	top: -54px;
}
main div#main_2 div.accessory div.word_left{
	width: 60px;
	height: 40px;
}

main div#main_2 div.accessory div.shop2{
	width: 1300px;
	height: 655px;
	margin: 0 auto;
	position: relative;
	top: -20px;
	left: 0px;
}
main div#main_2 div.accessory div.shop2 div.shop2_top ul li.i4{
	position: relative;
	top: 10px;
}
main div#main_2 div.accessory div.shop2 div.shop2_top ul li.i5{
	position: relative;
	top: 10px;
}

main div#main_2 div.accessory div.shop2 div.shop2_top ul li.i1 img{
	height: 300px;
	width: 250px;
}
main div#main_2 div.accessory div.shop2 div.shop2_top ul li.i2,.i3,.i4,.i5{
	margin: 0 6px;
}

main div#main_2 div.accessory div.shop2 div.shop2_bottom ul li.i1 img{
	height: 300px;
	width: 250px;
}
main div#main_2 div.accessory div.shop2 div.shop2_bottom ul li.i2,.i3,.i4,.i5{
	margin: 0 6px;
}
/* -----------------------热评产品------------------- */
main div#main_2 div.HotProduct{
	width: 1300px;
	height: 510px;
	margin: 0 auto;
	position:relative;
	top: 320px;
}
main div#main_2 div.HotProduct div.HotProduct_main{
	width: 1300px;
	height: 490px;
	margin-top: 22px;
}
main div#main_2 div.HotProduct div.HotProduct_main ul li p.comment{
	margin: 38px 0;
	color: black;
	padding: 0 20px;
	font-size: 15px;
}
main div#main_2 div.HotProduct div.HotProduct_main ul li p.user{
	padding: 0 20px;
	font-size: 12px;
	margin-bottom: 10px;
}

main div#main_2 div.HotProduct div.HotProduct_main ul li span.price{
	padding:0 10px ;
	border-left:1px solid #9a9898;
	color: #ff6700;
}
main div#main_2 div.HotProduct div.HotProduct_main ul li:hover{
	filter: drop-shadow(0 0 10px #d8d8d8);
	transform: translateY(-5px);
}
/* -----------------内容--------------------------- */
main div#main_2 div.content{
	width: 1300px;
	height:492px;
	margin: 0 auto;
}
main div#main_2 div.content div.content_main ul li p.p1{
	margin: 40px 0;
}

main div#main_2 div.content div.content_main ul li p.p2{
	margin: 10px 42px;
	font-size: 12px;
}
main div#main_2 div.content div.content_main ul li p.p3{
	margin: 20px 0;
	color: black;
}
/* ----------------视频--------------- */
main div#main_2 div.video{
	width: 1300px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	top: 900px;
}
main div#main_2 div.video div.video_main{
	width: 1300px;
	height: 300px;
	position: relative;
	top: 20px;
}

main div#main_2 div.video div.video_main ul li p.p1{
	color: black;
	font-size: 16px;
	margin-top: 20px ;
}
main div#main_2 div.video div.video_main ul li p.p2{
	margin-top: 15px;
	font-size: 14px;
}
